<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>MyPetstore</title>
    <link rel="stylesheet" href="../css/jpetstore.css" type="text/css" media="screen" />

</head>
<body>
<div th:replace="common/top"></div>

<div id="BackLink">
    <a href="/catalog/view">Return to Main Menu</a>
</div>

<div id="Catalog">

    <table>
        <tr>
            <th>&nbsp;</th>
            <th><b>Product ID</b></th>
            <th><b>Name</b></th>
        </tr >

            <tr th:each="product:${productList}">
                <td><a th:href="'/catalog/viewProduct?productId='+${product.productId}" th:text="${product.description}">product description</a></td>

                <td><b><a th:href="'/catalog/viewProduct?productId='+${product.productId}" th:text="${product.productId}">product productId</a></b></td>

                <td><b><a th:href="'/catalog/viewProduct?productId='+${product.productId}" th:text="${product.name}">product name</a></b></td>

                <td></td>
            </tr>

        <tr>
            <td></td>
        </tr>

    </table>

</div>
<div th:replace="common/bottom">

</div>
</body>
</html>